<template>
  <div>
    <view-box ref="viewBox" body-padding-top="46px" body-padding-bottom="53px">
    <msg :title="$t('支付成功')" :buttons="buttons" :icon="icon"></msg>
    </view-box>
  </div>
</template>

<script>
  import { ViewBox,XHeader,Msg,Divider,  XButton } from 'vux'
    export default {
      components: {
        ViewBox,
        XHeader,
        Msg,
        Divider,
        XButton
      },
      methods: {
      },
      data () {
        return {
          description: 'msg description',
          icon: '',
          buttons: [{
            type: 'primary',
            text: '返回个人中心',
            link: '/user_center'
          }]
        }
      }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .my-header {
    background-color: rgb(255, 104, 140);
    position: absolute;
    height: 46px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
  }
</style>
